﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fiedset,legent,input,textarea,p,blockquote,img{margin:0;padding:0;}
body{
	font-size:14px;
	color:#000;
	font-family:"微软雅黑","宋体";
}
a{
	color:#000;
	text-decoration:none;
	outline:none;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
a:hover{color:#0069d4;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{
	border:0;
	max-width:100%;
}
ul,li{
	list-style-type:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear:both;
	height:0;
}
.main{
	width:1200px;
	margin:0 auto;
}

.top{
	width:100%;
	height:44px;
	line-height:44px;
	color:#999;
	background:#fff;
	border-bottom:1px solid #f4f4f4;
}
.top .content li{
	float:left;
	margin:0px 5px;
	border-left:1px solid #f4f4f4;
	padding:0 18px ;
	line-height:44px;
	height:44px;
}
.top .content .li01 span{
	background:url(../images/hicon02.png) no-repeat left center;
	padding-left:26px;
}
.top .content .li02 span{
	background:url(../images/hicon01.png) no-repeat left center;
	padding-left:26px;
}
.top .content .li01{
	position:relative;
}
.top .content .li01 i{
	display:none;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 45px;
    padding: 3px;
    background: #f2f2f2;

}
.top .content .li01:hover i{
	display:block;
}
.top .content .li03 span{
	font-size:18px;
	font-weight:bold;
	color:#0069d4;
}

.head{
	width:100%;
	height:112px;
}
.head .container{
	width:700px;
	height:86px;
	margin:13px auto;
}
.head .logo{
	width:370px;
	height:86px;
	float:left;
}
.head .logo .wap{
	display:none;
}
.head .logo img{
	max-height:86px;
	max-width:370px;
}
.head .content{
	width:300px;
	float:left;
	border-left:1px solid #eee;
	padding-left:10px;
}
.head .content .p1{
	line-height:50px;
	font-size:22px;
	color:#0069d4;
	font-weight:bold;
}
.head .content .p2 em{
	width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ff5c01;
    display: inline-block;
    margin-bottom: 2px;
}
.head .dnav{
	width:480px;
	height:35px;
	margin:40px auto;
}
.head .dnav li{
	float:left;
	width:110px;
	height:35px;
	background:#eee;
	border-radius:27px;
	line-height:35px;
	text-align:center;
	margin-left:10px;
}
.head .dnav li:hover a , .head .dnav .cur a{
	color:#fff;
}
.head .dnav li:hover,.head .dnav .cur{
	background:#ff5c01;
}

.menu{
	width:100%;
	background:url(../images/menuBg.jpg);
	height:52px;
	color:#fff;
	box-shadow:0px 2px 2px #000;
}
.menu .trmenu{
	width:100%;
	height:52px;
}
.menu .trmenu li{
	height:52px;
	width:148px;
	text-align:center;
	float:left;
	color:#fff;
	font-size:15px;
	line-height:52px;
}
.menu .trmenu li a{
	color:#fff;
}
.menu .trmenu li:hover , .menu .trmenu .cur{
	background:#ff5c01;
}


.bannerWrap{width:100%; overflow:hidden;}
.banner{width:100%; position:relative; overflow:hidden;}
.banner .bd{width:100%; overflow:hidden;}
.banner .bd ul{zoom:1; overflow:hidden;}
.banner .bd li{width:100%; float:left;}
.banner .bd li a{display:block; width:100%; height:100%; float:left;}
.banner .bd li img{width:100%;}
.banner .hd{width:100%; height:5px; position:absolute; left:0; bottom:25px;}
.banner .hd ul{zoom:1; overflow:hidden; text-align:center;}
.banner .hd ul li{display:inline-block; width:50px; height:5px; margin:0 5px; background:#ddd; text-indent:-999px; font-size:0;}
.banner .hd ul li.on{background:#0069d4;}
.banner .prev, .banner .next{position:absolute; left:25px; top:50%; margin-top:-25px; display:block; width:50px; height:50px; background:rgba(0,0,0,0.5) url(../images/left.png) no-repeat center center; background-size:40px 40px; filter:alpha(opacity=50);opacity:0.5; cursor:pointer;}
.banner .next{left:auto; right:25px; background:rgba(0,0,0,0.5) url(../images/right.png) no-repeat center center; background-size:40px 40px;}
.banner .prev:hover, .banner .next:hover{filter:alpha(opacity=100);opacity:1;}

.search{
	width:100%;
	background:#f8f8f8;
	height:69px;
	line-height:69px;
	font-size:14px;
}
.search span{
	font-weight:bold;
	color:#333;
	float:left;
}
.search ul{
	float:left;
	margin:28px auto;
}
.search ul li {
	float:left;
	margin-right:10px;
	padding:0 12px;
	height:15px;
	line-height:15px;
	border-right:1px solid #000;
	padding-right:20px;
	color:#888;
}
.search input{
	width:250px;
	height:30px;
	line-height:69px;
	border-radius:20px;
}
.search button{
	width:100px;
	height:30px;
	margin-top:15px;
	border-radius:20px;
}

.pro{
	width:100%;
	height:1000px;
}
.pro .title{
	width:100%;
	height:128px;
	text-align:center;
	padding-top:50px;
}
.pro .title .p1{
	width:100%;
	height:43px;
	font-size:35px;
	color:#333;
	font-weight:bold;
}
.pro .title .p1 em{
	color:#ff5c01;
	font-weight:normal;
	font-style:normal;
}
.pro .title .p2{
	height:46px;
	font-size:20px;
	line-height:46px;
}
.pro .title .p2 b{
	color:#0069d3;
}
.pro .proMenu p{
	width:267px;
	height:89px;
	background:url(../images/fwalbg.png) center;
	text-align:center;
	line-height:89px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
}
.pro .proMenu ul{
	width:267px;
	height:auto;
}
.pro .proMenu ul li{
	width:247px;
	height:45px;
	line-height:45px;
	font-size:15px;
	padding-left:20px;
	background:#f2f2f2;
	border-bottom:1px solid #fff;
	
}
.pro .proMenu ul li a{
	display: block;
	background:url(../images/a01.png) no-repeat 200px center;
}
.pro .content{
	width:903px;
}
.pro .content li{
	float:left;
	width:287px;
	padding:2px;
	padding-bottom:20px;
	margin-bottom:20px;
	margin-right:8px;
	border:1px solid #1F8CEB;
}

.pro .content li img{
	width:287px;
	height:208px;
	margin-bottom:20px;
}
.pro .content p.p1{
	width:288px;
	height:40px;
	font-size:18px;
	color:#666;
	text-align:center;
	line-height:40px;
	overflow:hidden;
}
.pro .content p.p2{
	width:260px;
	padding:0 18px;
	font-size:14px;
	color:#666;
	height:48px;
	line-height:24px;
	overflow:hidden;
	margin-bottom:10px;
}
.pro .content p.p3 .more{
    display: block;
    width: 119px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    margin: 0 auto;
    border-radius: 5px;
}
.pro .content li:hover{
	background:#0069d4;
}

.pro .content li:hover p{
	color:#fff;
}
.pro .content li:hover p.p3 .more{
 	color:#fff;
	background:#ff5c01;
}
.pro .promore{
	width:903px;
	height:57px;
	margin-top:24px;
}
.pro .promore .a1{
	margin-left:110px;
	width:282px;
	height:55px;
	border:1px solid #1F8CEB;
	padding:0px 35px;
	float:left;
	line-height:55px;
	color:#1F8CEB;
	border-radius:5px;
	text-align:center;
}
.pro .promore .a2{
	float:left;
	margin-left:26px;
	border:1px solid #1F8CEB;
	padding:0px 50px;
	width:75px;
	height:55px;
	color:#1F8CEB;
	line-height:55px;
	text-align:center;
	border-radius:5px;
}

.worry{
	width:100%;
	height:1030px;
	background:url(../images/czwtbg.jpg) top center;
}
.worry .title{
	width:100%;
	height:152px;
	padding-top:75px;
	text-align:center;
}
.worry .em1{
	display:block;
	width:31px;
	height:26px;
	margin-left:300px;
	background:url(../images/czwticon01.png) no-repeat left top ;
}
.worry .em2{
	display:block;
	width:31px;
	height:26px;
	margin-left:850px;
	background:url(../images/czwticon02.png) no-repeat right bottom;
}
.worry .title span{
	width:100%;
	height:59px;
	line-height:59px;
	font-size:48px;
	color:#333;
	font-weight:bold;
}
.worry .title span b{
	color:#ff5c01;
}
.worry .title i{
	font-style:normal;
	height:19px;
	line-height:19px;
	font-size:16px;
	color:#999;
}
.worry .container{
	background:url(../images/czwtImg.png) no-repeat center top;
	height:550px;
	position:relative;
}
.tl{
	text-align:left;
}
.tr{
	text-align:right;
}
.worry .container p{
	width:290px;
	font-size:20px;
	color:#333;
	line-height:40px;
	position:absolute;
}
.worry .container p b{
	font-size:35px;
	line-height:40px;
}
.worry .container .p1{
	left:0;
	top:60px;
}
.worry .container .p2{
	left:0;
	top:200px;
}
.worry .container .p3{
	left:0;
	top:360px;
}
.worry .container .p4{
	right:0;
	top:60px;
}
.worry .container .p5{
	right:0;
	top:200px;
}
.worry .container .p6{
	right:0;
	top:360px;
}
.worry .destext{
	width:900px;
	height:200px;
	margin:0px 150px;
	text-align:center;
	box-shadow:#ccc 5px 5px 35px;
	border-radius:154px;
	color:#333;
	background:#fff;
}
.worry .destext .p1{
	height:30px;
	line-height:30px;
	font-size:20px;
	padding-top:40px;
}
.worry .destext .p2{
	height:50px;
	line-height:50px;
	font-size:24px;
}
.worry .destext .p2 b{
	color:#ff5c00;
}
.worry .destext .p3{
	width:330px;
	height:45px;
	line-height:45px;
	font-size:16px;
	background:#ff5c00;
	border-radius:70px;
	color:#fff;
	margin:10px auto;
}




.case{width:100%; padding:30px 0;}
.case h1{width:100%; height:36px; line-height:36px; font-size:18px; border-bottom:#ddd 1px solid;}
.case h1 p{height:36px; border-bottom:#0089e1 1px solid; position:relative; bottom:0; float:left;}
.case h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px;}
.case h1 a{display:block; width:41px; height:36px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.case h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
.case ul{width:1220px; float:left;margin-top: 20px;}
.case ul li{    
	width: 285px;
    height: 320px;
    padding-right: 20px;
    float: left;
}
.case ul li a{
    display: block;
    padding: 8px;
    height: 304px;
    background: #e8e7e7;
}
.case ul li span{display:block; width:269px; height:214px; overflow:hidden; position:relative;}
.case ul li span img{width:285px; height:214px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.case ul li span i{display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,137,225,0.8) url(../images/hover-link.png) no-repeat center center; filter:alpha(opacity=0); opacity:0; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.case ul li p{
	height: 30px;
    line-height: 30px;
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    padding-top: 10px;
    overflow: hidden;
}
.case .casetxt{
    display: block;
	width:140px;
    height: 28px;
    line-height: 28px;
    border: #999 1px solid;
    padding: 1px;
    margin: 0 auto;
	margin-top:14px;
}
.case .casetxt em{
	display: inline-block;
    width: 136px;
    height: 28px;
    background: #999;
    font-style: normal;
    vertical-align: top;
    color: #fff;
	padding-left: 4px;
    text-align: center;
}
	
.case ul li a:hover .casetxt em{background:#0069d4;}


.advantage{
	width:100%;
	border:1px solid #c2caea;
	background:url("../images/advbg.jpg")
}
.advantage .title{
	margin-top:85px;
	height:120px;
	color:#0069d4;
	padding-left: 300px;
	margin-bottom:25px;
}
.advantage .title i{
	font-size:75px;
	line-height:120px;
	font-weight:bolder;
	font-style:normal;
	position:relative;
	letter-spacing:4px;
}
.advantage .title span{
	float: left;
    position: absolute;
    line-height: 50px;
    font-size: 35px;
    font-weight: bolder;
    color: #000;
    letter-spacing: 2px;
    margin-top: 20px;
    margin-left: 10px;
}
.advantage .title span p{
    width: 200px;
    height: 26px;
    font-size: 16px;
    line-height: 27px;
    color: #fff;
    background: #0069d4;
    border-radius: 20px;
    text-align: center;
}
.advantage .title .i2{
    color: #ff5c01;
    font-size: 108px;
    line-height: 78px;
    margin-left: 230px;
    font-weight: bolder;
}
.advantage .adv01{
	width: 100%;
    height: 380px;
}
.advantage  .conright{
	width:613px;
	height:200px;
}
.advantage  .conright .advtop{
	width:613px;
	height:140px;
}
.advantage  .conright .advnum{
	position:relative;
	float:left;
	width:115px;
    height: 103px;
	color:#fff;
	line-height:103px;
	font-size:38px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
    display: inline-block;
    background: url(../images/advbg01.png) no-repeat right;
	margin-right:20px;

}
.advantage  .conright .p1{
    width: 100%;
    font-size: 30px;
    color: #0069d4;
    height: 60px;
    line-height: 60px;
    margin-left: 20px;
}
.advantage  .conright .p2{
    font-size: 18px;
    color: #333;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #b8c9e7;
}
.advantage  .conright .p3{
    font-size: 13px;
    line-height: 15px;
    color: #ccc;
    padding-left: 10px;
}
.advantage  .conright ul{
	width:613px;
	heigth:150px;
}
.advantage  .conright ul li{
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    padding-left: 55px;
    background: url(../images/advbg02.png) no-repeat left;
}
.advantage  .conright .embg{
    width: 100%;
    height: 4px;
    display: block;
    background: url(../images/advbg03.png);
    margin-top: 30px;
}
.advantage .adv02 {
	width:100%;
	height:360px;
}
.advantage .adv02 .conright ul{
	width:715px;
}
.advantage  .conright .embg02{
    width: 100%;
    height: 4px;
    display: block;
    background: url(../images/advbg03.png);
    margin-top: 50px;
}
.advantage .adv03 {
	width:100%;
	height:360px;
}
.advantage  .conright .embg03{
    width: 100%;
    height: 4px;
    display: block;
    background: url(../images/advbg03.png);
    margin-top: 60px;
}
.advantage .adv04 {
	width:100%;
	height:360px;
}
.advantage .adv04 .conright .adv03tel{
	background:url(../images/advtel.png) no-repeat left;
	height:88px;
	line-height:88px;
	font-size:18px;
	padding-left:45px;
}
.advantage .adv04 .conright .adv03tel b{
	color:#0069d3;
}
.advantage  .conright .embg04{
    width: 100%;
    height: 4px;
    display: block;
    background: url(../images/advbg03.png);
    margin-top: 10px;
}

.advertisement01{
	width:100%;
	height:220px;
	background:url(../images/zxlybg.jpg) no-repeat center;
	color:#fff;

}
.advertisement01 .ad01left{
	margin-top:54px;
	font-size:18px;
}
.advertisement01 .ad01big{
	font-size:35px;
	line-height:80px;
	font-weight:bold;
}
.advertisement01 .ad01big b{
	font-size:70px;
	color:#ff5c01;
	padding:0px 5px;
}
.advertisement01 .ad01small{
	font-size:18px;
	line-height:8px;
}
.advertisement01 .ad01right{
	margin-top:54px;
}
.advertisement01 .ad01tel{
	font-size:28px;
	line-height:80px;
}
.advertisement01 .ad01tel b{
	font-size:36px;
	line-height:80px;
	font-weight:normal;
}
.advertisement01 .ad01telcon{
	width:230px;
	height:40px;
	background:#ff5c01;
	font-size:18px;
	line-height:40px;
	border-radius:27px;
	text-align:center;
}
.advertisement01 .ad01telcon a{
	background:url(../images/zxzxicon01.png) no-repeat 15px;
	display:block;
	color:#fff;
}

.advertisement02{
	width:100%;
	height:218px;
	background:url(../images/zxlybg02.jpg) center;
}
.advertisement02 .ad02left{
	margin-top:30px;
	color:#fff;
}
.advertisement02 .ad02big{
	height:46px;
	line-height:46px;
	font-size:30px;
	font-weight:bold;
}
.advertisement02 .ad02small{
	font-size:14px;
	height:24px;
	line-height:24px;
}
.advertisement02 .ad02tel{
	margin-top:30px;
	width:280px;
	height:48px;
	border:1px solid #7d7eb1;
	line-height:48px;
	font-size:16px;
	border-radius:27px;
	padding-left:80px;
	background:url(../images/zxlytel.png) no-repeat 30px;
}
.advertisement02 .ad02tel b{
	font-size:18px;
}
.advertisement02 .ad02right{
	width:56%;
}
.advertisement02 .ad02top{
	margin-top:30px;
	font-size:18px;
	height:45px;
	line-height:45px;
	color:#fff;
	text-align:left;
}
.advertisement02 .ad02top > i{
	color:#F00;
	font-style:normal;
	padding:0px 3px;
}
.advertisement02 .comname{
    width: 486px;
    height: 50px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 13px;
}
#comname{
	width: 486px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
	background:url(../images/zxlyicon01.png) no-repeat 440px;
}
.advertisement02 .comtel{
    width: 486px;
    height: 50px;
    background: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 13px;
}
#comtel{
	width: 486px;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
	background:url(../images/zxlyicon02.png) no-repeat 440px;
}
.advertisement02 .btn{
    width: 168px;
    height: 112px;
    background: #ff6601;
    border-radius: 3px;
    text-align: center;
    overflow: hidden;
}
.advertisement02 .btn button{
    width: 168px;
    height: 112px;
	padding-bottom:10px;
	font-weight: bold;
    color: #fff;
    font-size: 18px;
    background:url(../images/zxlyjt.png) no-repeat 60px 70px;
}


.style{width:100%; padding:40px 0 50px;}
.style h1{width:100%; height:36px; line-height:36px; font-size:18px; border-bottom:#ddd 1px solid;}
.style h1 p{height:36px; border-bottom:#0089e1 1px solid; position:relative; bottom:0; float:left;}
.style h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0089e1 3px solid; float:left; display:block;}
.style h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px; font-weight:normal;}
.style h1 a{display:block; width:41px; height:36px; background:url(../images/moreA.png) no-repeat center center; float:right;}
.style h1 a:hover{background:url(../images/moreH01.png) no-repeat center center;}
.styleShow{width:100%; height:430px; margin-top:20px; position:relative; overflow:hidden;}
.styleShow .bd{width:1100px; height:430px; overflow:hidden; margin:0 50px;}
.styleShow .bd li{width:260px; padding-right:20px; float:left;}
.styleShow .bd li span{display:block; width:250px; height:380px; border:#e9e9e9 1px solid; padding:4px;background-repeat:no-repeat; background-position:center center; background-size:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.styleShow .bd li p{height:30px; line-height:30px; margin-top:10px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.styleShow .bd li a:hover{color:#0089e1;}
.styleShow .bd li a:hover span{border:#0089e1 5px solid;}
.styleShow .hd{display:none;}
.styleShow .prev, .styleShow .next{display:block; width:30px; height:30px; background:#333 url(../images/left.png) no-repeat center center; background-size:18px 18px; position:absolute; left:0; top:80px;}
.styleShow .next{left:auto; right:0; background:#333 url(../images/right.png) no-repeat center center; background-size:18px 18px;}
.styleShow .prev:hover, .styleShow .next:hover{background-color:#0089e1;}



.news{width:100%; padding:30px 0 50px; background:#e8e7e7;}
.news h1{display:none;}
.news dl{width:400px; height:420px; background:#fff; float:left; margin-right:30px;}
.news dl dd{width:400px; height:242px; position:relative; float:left;}
.news dl dd i{display:block; width:400px; height:160px; background:#0069d4; position:absolute; left:0; top:0; z-index:0;}
.news dl dd a{display:block; width:340px; height:212px; overflow:hidden; position:absolute; left:30px; top:30px; z-index:1;}
.news dl dd a img{width:340px; height:212px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.news dl dd a:hover img{-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.news dl dt{width:340px; height:154px; padding:12px 30px 20px 30px; float:left;}
.news dl dt h2{height:36px; line-height:36px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news dl dt span{display:block; height:24px; line-height:24px; font-size:12px; color:#999;}
.news dl dt p{height:84px; line-height:28px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.news ul{width:688px; height:396px; padding:11px 40px; border:#ddd 1px solid; background:#fff; float:left;}
.news ul li{padding:18px 0; height:96px; float:left;}
.news ul li .time{width:56px; height:89px; padding-top:7px; line-height:18px; color:#0069d4; text-align:center; font-size:13px;}
.news ul li .time span{display:block; height:42px; line-height:42px; font-size:42px;}
.news ul li .text{width:612px; height:96px; padding-left:20px;}
.news ul li .text h2{height:40px; line-height:40px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news ul li .text p{height:56px; line-height:28px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}



.contact{
	width:100%;
	height:500px;
	background:#0675e7;
}
.contact .main{
}
.contact .content{
	width:40%;
	padding-top:40px;
	height:455px;
	border-right:1px solid #ffffff;
}
.contact  .content  dt{
	width:377px;
	height:60px;
	line-height:60px;
	border-bottom:1px solid #ffffff;
	font-size:24px;
	color:#fff;
	background:url(../images/lxwmicon01.png) no-repeat right;
}
.contact  .content em{
	float:left;
	display:inline-block;
	width:56px;
	height:56px;
	border:1px solid #4f54b7;
	margin-right:20px;
}
.contact  .content .emdd1{
	background:url(../images/lxwmicon02.png) no-repeat center;
}
.contact  .content .emdd2{
	background:url(../images/lxwmicon03.png) no-repeat center;
}
.contact  .content .emdd3{
	background:url(../images/lxwmicon04.png) no-repeat center;
}
.contact  .content .emdd4{
	background:url(../images/lxwmicon05.png) no-repeat center;
}

.contact .content dd{
	width:377px;
	height:60px;
	margin-top:33px;
	font-size:16px;
	line-height:20px;
	color:#fff;
}
.contact .content dd span{
	font-size:30px;
	line-height:40px;
}
.contact .content .dd3 span{
	font-size:24px;
	line-height:40px;
}

.contact .container{
	margin-top:40px;
	height:460px;
}
.contact .container .conbox{
	width:300px;
	height:488px;

	position:relative;
}
.contact .container .conbox .p1{
    width: 222px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    left: 44px;
    top: 59px;
}
.contact .container .conbox div{
    width: 198px;
    height: 198px;
    top: 120px;
    position: absolute;
    left: 56px;	
}
.contact .container .conbox .p2{
    width: 222px;
    height: 80px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    text-align: center;
    position: absolute;
    left: 44px;
    top: 340px;
}

.link{width:100%; margin:30px auto;}
.link h1{width:100%; height:36px; line-height:36px; font-size:18px;}
.link h1 p{height:36px; float:left;}
.link h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0069d4 3px solid; float:left; display:block;}
.link h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px; font-weight:normal;}
.linkCon{line-height:30px; margin-top:10px;}
.linkCon em{padding:0 12px; font-style:normal; color:#999;}
.linkCon em:last-child{display:none;}
.linkCon a{color:#999;}
.linkCon a:hover{color:#0069d4;}

.bottom{
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
    color: #666;
    background: #1e1e1f;
}

@media all and (max-width:767px){
html {
  overflow-y: scroll;
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body {
  width: 100vw;
  overflow: hidden;
}



    img{max-width:100%;}
    .top,.logo img.pc , .proMenu, .ysShow, .lc, .news dl, .fNav, .leftNav h1, .leftTel, .post p, .post span i{display:none;}
	.main{width:auto;}
    
	.head{
		width:auto;
		height:184px;
	}
	.head .container{
		width:100%;
		height:86px;
		margin-top:20px;
	}
	.head .logo{
		width:100%;
		height:86px;
		margin-left:10px;
	}
	.head .logo .wap{
		display:block;
	}
	.head .logo img{
		max-height:86px;
		max-width:auto;
	}
	.head .content{
		display:none;
	}
	.head .dnav{
		width:100%;
		height:40px;
		margin:5px auto;
	}
	.head .dnav li{
		float:left;
		width:22%;
		height:35px;
		background:#eee;
		border-radius:27px;
		line-height:35px;
		text-align:center;
		margin-left:10px;
	}
	.head .dnav li:hover a , .head .dnav .cur a{
		color:#fff;
	}
	.head .dnav li:hover,.head .dnav .cur{
		background:#ff5c01;
	}
	
	.menu{
		width:auto;
		background:#0069d4;
		height:104px;
		color:#fff;
		box-shadow:0px 2px 2px #000;
	}
	.menu .trmenu{
		width:100%;
		height:104px;
	}
	.menu .trmenu li{
		height:51px;
		width:24.6%;
		text-align:center;
		float:left;
		color:#fff;
		font-size:13px;
		line-height:52px;
		border-left:1px solid #5671b3;
		border-bottom:1px solid #5671b3;
	}
	.menu .trmenu li a{
		color:#fff;
	}
	.menu .trmenu li:hover , .menu .trmenu .cur{
		background:#ff5c01;
	}
	
	.banner{width:auto;}
    .banner .hd{width:100%; height:5px; position:absolute; left:0; bottom:15px;}
    .banner .prev, .banner .next{position:absolute; left:3%; margin-top:-15px; display:block; width:30px; height:30px; background-size:30px 30px;}
    .banner .next{left:auto; right:3%; background-size:30px 30px;}
    
	.search{
		width:auto;
		height:110px;
		background:#f8f8f8;
		font-size:14px;
		padding-left:10px;
	}
	.search span{
		font-weight:bold;
		color:#333;
		line-height:69px;
		float:left;
	}
	.search ul{
		float:left;
		width:76%;
		margin-top:28px;
	}
	.search ul li {
		float:left;
		margin-right:10px;
		padding:0 12px;
		height:40px;
		line-height:30px;
		padding-right:10px;
		color:#888;
		border-right:none;
	}
	.search input{
		display:none;
	}
	.search button{
		display:none;
	}
	
	.pro{
		width:auto;
		height:1570px;
	}
	.pro .title{
		width:100%;
		height:126px;
		text-align:center;
		padding-top:50px;
	}
	.pro .title .p1{
		width:100%;
		height:62px;
		font-size:23px;
		color:#333;
		font-weight:bold;
	}
	.pro .title .p1 em{
		color:#ff5c01;
		font-weight:normal;
		font-style:normal;
	}
	.pro .title .p2{
		height:46px;
		font-size:14px;
		line-height:46px;
	}
	.pro .title .p2 b{
		color:#0069d3;
	}
	.pro .proMenu{
		display:none;
}
	.pro .content{
		width:100%;
		height:1200px;
	}
	.pro .content li{
		float:left;
		width:46%;
		padding:2px;
		padding-bottom:20px;
		margin-bottom:20px;
		margin-right:8px;
		border:1px solid #eee;
	}
	
	.pro .content li img{
		width:100%;
		height:208px;
		margin-bottom:20px;
	}
	.pro .content p.p1{
		width:100%;
		height:40px;
		font-size:18px;
		color:#666;
		text-align:center;
		line-height:40px;
		overflow:hidden;
	}
	.pro .content p.p2{
		width:80%;
		padding:0 18px;
		font-size:14px;
		color:#666;
		height:48px;
		line-height:24px;
		overflow:hidden;
		margin-bottom:10px;
	}
	.pro .content p.p3 .more{
		display: block;
		width: 119px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		margin: 0 auto;
		border-radius: 5px;
	}
	.pro .content li:hover{
		background:#0069d4;
	}
	
	.pro .content li:hover p{
		color:#fff;
	}
	.pro .content li:hover p.p3 .more{
		color:#fff;
		background:#ff5c01;
	}
	.pro .promore{
		width:100%;
		height:57px;
		margin-top:24px;
	}
	.pro .promore .a1{
		width: 60%;
		height: 55px;
		border: 1px solid #ddd;
		margin-left: 10%;
		line-height: 55px;
		color: #666;
		border-radius: 5px;
	}
	.pro .promore .a2{
		margin-left: 30%;
		border: 1px solid #ddd;
		margin-top: 20px;
		width: 75px;
		height: 55px;
		color: #666;
		line-height: 55px;
		border-radius: 5px;
	}
	
	.advertisement02{
		width:auto;
		height:440px;
		background:url(../images/zxlybg.jpg);
		text-align:center;
	}
	.advertisement02 .ad02left{
		width:100%;
		margin-top:30px;
		color:#fff;
	}
	.advertisement02 .ad02big{
		height:46px;
		line-height:46px;
		font-size:24px;
		font-weight:bold;
	}
	.advertisement02 .ad02small{
		font-size:12px;
		height:24px;
		line-height:24px;
	}
	.advertisement02 .ad02tel{
		margin-top:30px;
		width:60%;
		height:48px;
		border:1px solid #7d7eb1;
		line-height:48px;
		font-size:16px;
		border-radius:27px;
		margin-left: 10%;
		background:url(../images/zxlytel.png) no-repeat 30px;
	}
	.advertisement02 .ad02tel b{
		font-size:18px;
	}
	.advertisement02 .ad02right{
		width:100%;
	}
	.advertisement02 .ad02top{
		width:100%;
		margin:30px auto;
		font-size:15px;
		height:45px;
		line-height:45px;
		color:#fff;
		text-align:center;
	}
	.advertisement02 .ad02top > i{
		color:#F00;
		font-style:normal;
		padding:0px 3px;
	}
	.advertisement02 .comname{
		width: 66%;
		height: 50px;
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 13px;
	}
	#comname{
		width: 92%;
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		background:url(../images/zxlyicon01.png) no-repeat 98%;
	}
	.advertisement02 .comtel{
		width: 66%;
		height: 50px;
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
		margin-bottom: 13px;
	}
	#comtel{
		width: 92%;
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		background:url(../images/zxlyicon02.png) no-repeat 98%;
	}
	.advertisement02 .btn{
		width: 30%;
		height: 112px;
		background: #ff6601;
		border-radius: 3px;
		text-align: center;
		overflow: hidden;
	}
	.advertisement02 .btn button{
		width: 100%;
		height: 112px;
		padding-bottom:10px;
		font-weight: bold;
		color: #fff;
		font-size: 18px;
		background:url(../images/zxlyjt.png) no-repeat 60px 70px;
	}
	
	.worry{
		display:none;
	}
	
	
	.advantage{
		width:auto;
		height:1830px;
		border:1px solid #c2caea;
		background:#edf6ff;
	}
	.advantage .title{
		margin-top:25px;
		height:120px;
		color:#0069d4;
		margin-bottom:0px;
		padding-left:5%;
	}
	.advantage .title i{
		font-size: 35px;
		line-height: 120px;
		font-weight: bolder;
		font-style: normal;
		position: relative;
		letter-spacing: 4px;
		float:left;
	}
	.advantage .title span{
		float: left;
		position: absolute;
		line-height: 50px;
		font-size: 20px;
		font-weight: bolder;
		color: #000;
		letter-spacing: 2px;
		margin-top: 20px;
		margin-left: 10px;
	}
	.advantage .title span p{
		width: 140px;
		height: 26px;
		font-size: 14px;
		line-height: 27px;
		color: #fff;
		background: #0069d4;
		border-radius: 20px;
		text-align: center;
		float:left;
	}
	.advantage .title .i2{
		color: #ff5c01;
		font-size: 108px;
		line-height: 78px;
		margin-left: 150px;
		font-weight: bolder;
		margin-top:15px;
		float:left;
	}
	
	.advantage .adv01{
		width: 100%;
		height: 550px;
	}
	.advantage  .conright{
		width:100%;
		height:200px;
	}
	.advantage  .conright .advtop{
		width:100%;
		height:140px;
	}
	.advantage  .conright .advnum{
		position:relative;
		float:left;
		width:115px;
		height: 103px;
		color:#fff;
		line-height:103px;
		font-size:38px;
		font-style:italic;
		font-weight:bold;
		text-align:center;
		display: inline-block;
		background: url(../images/advbg01.png) no-repeat right;
		margin-right:20px;
	}
	.advantage  .conright .p1{
		width:100%;
		font-size:22px;
		color:#0069d4;
		height:60px;
		line-height:60px;
		margin-left:20px;
	}
	.advantage  .conright .p2{
		font-size:18px;
		color:#333;
		line-height:20px;
		padding-bottom:10px;
		border-bottom:1px solid #b8c9e7;
	}
	.advantage  .conright .p3{
		font-size:13px;
		line-height:15px;
		margin-top:3px;
		color:#ccc;
		text-align:center;
	}
	.advantage  .conright ul{
		width:100%;
		heigth:150px;
	}
	.advantage  .conright ul li{
		height: 35px;
		line-height: 35px;
		font-size: 13px;
		padding-left: 55px;
		overflow:hidden;
		background: url(../images/advbg02.png) no-repeat left;
	}
	.advantage  .conright .embg{
		width: 100%;
		height: 4px;
		display: block;
		background: url(../images/advbg03.png);
		margin-top: 30px;
	}
	
	.advantage  .adv02 .p1{
		font-size:20px;
	}
	.advantage .adv02 .conright{
		height:270px;
	}
	.advantage .adv02 {
		width:100%;
		height:300px;
	}
	.advantage .adv02 .conleft{
		display:none;
	}
	.advantage .adv02 .conright ul{
		width:100%;
	}
	.advantage  .conright .embg02{
		width: 100%;
		height: 4px;
		display: block;
		background: url(../images/advbg03.png);
		margin-top: 30px;
	}
	.advantage .adv03 {
		width:100%;
		height:520px;
	}
	.advantage .adv03 .conright .p1{
		font-size:18px;
	}
	.advantage  .conright .embg03{
		width: 100%;
		height: 4px;
		display: block;
		background: url(../images/advbg03.png);
		margin-top: 30px;
	}
	.advantage .adv04 {
		width:100%;
		height:550px;
	}
	.advantage .adv04 .conleft{
		display:none;
}
	.advantage .adv04 .conright .adv03tel{
		background:url(../images/advtel.png) no-repeat left;
		height:88px;
		line-height:88px;
		font-size:18px;
		padding-left:45px;
	}
	.advantage .adv04 .conright .adv03tel b{
		color:#0069d3;
	}
	.advantage  .conright .embg04{
		width: 100%;
		height: 4px;
		display: block;
		background: url(../images/advbg03.png);
		margin-top: 10px;
	}
	

    .case{padding:20px 0;}
    .case h1{width:94%; font-size:16px; margin:0 3%; font-weight:normal;}
    .case h1 span{font-size:12px; padding-left:10px;}
    .case ul{width:97%; padding:1.5%; float:left;}
    .case ul li{width:47%; padding:1.5%; float:left;}
    .case ul li span{display:block; width:100%; height:0; padding-top:100%; text-align:center;}
    .case ul li span img{max-width:100%; max-height:100%; vertical-align:middle; position:absolute; left:0; top:0;}
    .case ul li p{height:30px; line-height:30px; font-size:14px;}



	.advertisement01{
		width:auto;
		height:440px;
		background:url(../images/zxlybg.jpg);
		color:#fff;
		text-align:center;
	}
	.advertisement01 .ad01left{
		float:none;
		margin-top:50px;
		font-size:18px;
		height:170px;
	}
	.advertisement01 .ad01big{
		font-size:35px;
		line-height:80px;
		height:80px;
		font-weight:bold;
	}
	.advertisement01 .ad01big b{
		font-size:70px;
		color:#ff5c01;
		padding:0px 5px;
	}
	.advertisement01 .ad01small{
		font-size:18px;
		line-height:40px;
		height:40px;
	}
	.advertisement01 .ad01right{
		margin-top:15px;
		float:none;
		height:180px;
	}
	.advertisement01 .ad01tel{
		font-size:28px;
		line-height:60px;
		height:120px;
	}
	.advertisement01 .ad01tel b{
		font-size:36px;
		line-height:40px;
		font-weight:normal;
	}
	.advertisement01 .ad01telcon{
		width: 230px;
		height: 40px;
		background: #ff5c01;
		font-size: 18px;
		line-height: 40px;
		border-radius: 27px;
		margin: 10px auto;
	}
	.advertisement01 .ad01telcon a{
		background:url(../images/zxzxicon01.png) no-repeat 15px;
		display:block;
		color:#fff;
	}
	

    .style{width:100%; padding:20px 0;}
    .style h1{width:94%; margin:0 3%; font-size:16px; font-weight:normal;}
    .style h1 span{font-size:12px; padding-left:10px;}
    .styleShow{width:94%; height:auto; margin:20px 3% 0; position:relative; overflow:hidden;}
    .styleShow .bd{width:100%; height:auto; overflow:hidden; margin:0;}
    .styleShow .bd li{width:100%; padding-right:0; float:left;}
    .styleShow .bd li span{display:block; width:100%; height:0; padding-top:72%; border-width:0; box-sizing:border-box;}
    .styleShow .prev, .styleShow .next{top:auto; bottom:0;}


	.news{width:100%; padding:30px 0 50px; background:#e8e7e7;}
	.news h1{display:none;}
	.news dl{display:none;}
	.news ul{width:89%; height:396px; padding:11px 5%; border:#ddd 1px solid; background:#fff; float:left;}
	.news ul li{width:100%;padding:18px 0; height:96px; float:left;}
	.news ul li .time{width:15%; height:89px; padding-top:7px; line-height:18px; color:#0069d4; text-align:center; font-size:13px;}
	.news ul li .time span{display:block; height:42px; line-height:42px; font-size:42px;}
	.news ul li .text{width:78%; height:96px; padding-left:20px;}
	.news ul li .text h2{height:40px; line-height:40px; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.news ul li .text p{height:56px; line-height:28px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}


		
	.contact{
		width:100%;
		height:500px;
		background:url(../images/lxwmbg.jpg) no-repeat;
	}
	.contact .main{
	}
	.contact .content{
		width:94%;
		padding-top:40px;
		padding-left:5%;
		height:455px;
		border-right:1px solid #7073c6;
	}
	.contact  .content  dt{
		width:100%;
		height:60px;
		line-height:60px;
		border-bottom:1px solid #7377ba;
		font-size:24px;
		color:#fff;
		background:url(../images/lxwmicon01.png) no-repeat right;
	}
	.contact  .content em{
		float:left;
		display:inline-block;
		width:56px;
		height:56px;
		border:1px solid #4f54b7;
		margin-right:20px;
	}
	.contact  .content .emdd1{
		background:url(../images/lxwmicon02.png) no-repeat center;
	}
	.contact  .content .emdd2{
		background:url(../images/lxwmicon03.png) no-repeat center;
	}
	.contact  .content .emdd3{
		background:url(../images/lxwmicon04.png) no-repeat center;
	}
	.contact  .content .emdd4{
		background:url(../images/lxwmicon05.png) no-repeat center;
	}
	
	.contact .content dd{
		width:100%;
		height:60px;
		margin-top:33px;
		font-size:16px;
		line-height:20px;
		color:#fff;
	}
	.contact .content dd span{
		font-size:30px;
		line-height:40px;
	}
	.contact .content .dd3 span{
		font-size:24px;
		line-height:40px;
	}
	
	.contact .container{
		display:none;
	}



.link{width:auto; margin:30px auto;}
.link h1{width:100%; height:36px; line-height:36px; font-size:18px;}
.link h1 p{height:36px; float:left;}
.link h1 p i{font-style:normal; padding-left:10px; height:20px; line-height:20px; margin:8px 0; border-left:#0069d4 3px solid; float:left; display:block;}
.link h1 span{font-size:14px; color:#999; text-transform:uppercase; padding-left:15px; font-weight:normal;}
.linkCon{line-height:30px; margin-top:10px;}
.linkCon em{padding:0 12px; font-style:normal; color:#999;}
.linkCon em:last-child{display:none;}
.linkCon a{color:#999;}
.linkCon a:hover{color:#0069d4;}

.bottom{
	width:auto;
	height:auto;
	line-height:40px;
	text-align:center;
    color: #666;
    background: #1e1e1f;
}



}


